<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:include="layout/header">
</head>
<body>
	<input id="type" type="hidden"/>
	<div id="fakeLoader"></div>
	<section class="content-header">
		<h3>预约管理</h3>
		<ol class="breadcrumb">
			<li><i class="fa fa-home"></i>首页</li>
			<li>预约管理</li>
			<li class="active">患者预约</li>
		</ol>
	</section>
	<!-- Main content -->
	<section class="content">
		<div class="box">
			<div class="box-header">
				<h3 class="box-title"></h3>
			</div>
			<!-- /.box-header -->
			<div class="box-body">
				<div class="nav-tabs-custom">
					<ul class="nav nav-tabs">
						<li class="active"><a href="#tab_unfinish" data-toggle="tab">患者信息列表</a></li>
					</ul>
					<div class="tab-content">
						<!-- 待办列表 -->
						<div id="tab_unfinish" class="tab-pane active">
							<!-- 查询条件 start -->
							<form id="patientForm" class="form-horizontal">
								<div class="form-group">
									<label for="patient_name" class="col-md-2 control-label">患者名称<span
										class="colorred">*</span>：
									</label>
									<div class="col-md-3">
										<input id="patient_name" class="form-control" type="text"
											name="patient_name" bindname="patient_name" placeholder="请输入患者姓名模糊匹配..." />
									</div>
									<label for="idnumber" class="col-md-2 control-label">身份证号<span
										class="colorred">*</span>：
									</label>
									<div class="col-md-3">
										<input id="idnumber" class="form-control" type="text"
											name="idnumber" bindname="idnumber" placeholder="请输入身份证号" />
									</div>
								</div>
								<div class="form-group">
									<label class="col-md-2 control-label"></label>
									<div class="col-md-6">
										
									</div>
									<div class="col-md-4">
										<button id="queryBtn" type="button"
											class="btn btn-warning pull-right w100">
											<i class="fa fa-search"></i>查询
										</button>
										<!-- <button id="addBtn" type="button"
											class="btn btn-info pull-right mr30">
											新增患者
										</button> -->
										<button id="regBtn" type="button"
											class="btn btn-info pull-right mr30">
											患者预约
										</button>
									</div>
								</div>
							</form>
							<!-- 查询条件 end -->
							<table data-class="table table-bordered" id="patientListTable"
								data-striped="true" data-pagination="true" 	data-click-to-select="true"
								data-side-pagination="server" data-page-size="10"
								data-page-list="[10, 20]">
								<thead>
									<tr class="dataStore_title">
									<th data-field="state" data-radio="true" data-align="left" data-valign="middle"></th>
									<th data-field="patient_name" data-align="left" data-valign="middle" data-width="15%">患者姓名</th>
									<th data-field="idnumber" data-align="left" data-valign="middle" data-width="15%">身份证号</th>
									<th data-field="age" data-align="left" data-valign="middle" data-width="15%">年龄</th>
									<th data-field="sex" data-align="left" data-valign="middle" data-width="15%" data-formatter-args="sexCodeMap" data-formatter="transcode">性别</th>
									<th data-field="nation" data-align="left" data-formatter-args="nationCodeMap" data-formatter="transcode" data-valign="middle" data-width="15%">民族</th>
									<th data-field="phone" data-align="left" data-valign="middle" data-width="15%">联系电话</th>
									<th data-field="operation" data-align="center" data-valign="middle" data-formatter="operateFormatter"
										data-events="operateEvents" data-width="15%"><div>操&nbsp;作</div></th>
									</tr>
								</thead>
							</table>
						</div>
					</div>
				</div>
			</div>
			<!-- /.box-body -->
		</div>
		<!-- /.box -->
	</section>
	<div th:include="layout/footer"></div>
	<script th:if="${projectModel=='dev'}" th:src="@{/static/js/business/register/list.js(v=${#dates.createNow().getTime()})}"></script>
	<script th:if="${projectModel=='product'}" th:src="@{/static/js/business/register/list.js}"></script>
</body>
</html>